<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>原生javascript例子</title>
		<link rel="stylesheet" type="text/css" href="index.css"/>
	</head>

	<body>
		<h1 class="title">原生javascript例子</h1>
		<fieldset>
			<legend>例子列表</legend>
			<ul>
				<li>
					<a href="app/example/checkbox/001.html" target="_blank">001 checkbox 的状态</a><span> 选中、未选中、不确定</span>
				</li>
				<li>
					<a href="app/example/callback/callback.html" target="_blank">002 回调函数</a>
				</li>
				<li>
					<a href="app/example/tab-iframe/index.html" target="_blank">003 由iframe组成的tab页</a>
				</li>
				<li>
					<a href="app/example/img-base64/night.html" target="_blank">004 图片编码为base64嵌入到html文档中</a>
				</li>
				<li>
					<a href="app/example/span/span.html" target="_blank">005 行内元素(span)的特性</a>
				</li>
				<li>
					<a href="app/example/css3-shade/index.html" target="_blank">006 CSS3下的圆形遮罩效果实例页面</a>
				</li>
				<li>
					<a href="app/example/css3-shade/mobile.html" target="_blank">007 CSS3下的圆形遮罩效果实例页面(移动端)</a>
				</li>
				<li>
					<a href="app/example/getComputedStyle/index.html" target="_blank">008 getComputedStyle方法</a>
				</li>
				<li>
					<a href="app/example/dataSet/index.html" target="_blank">009 HTML5自定义属性对象Dataset</a>
				</li>
				<li>
					<a href="app/example/dataSet/data-charts.html" target="_blank">010 HTML5 dataset下的数据图效果实例页面</a>
				</li>
				<li>
					<a href="app/example/webNotification/title.html" target="_blank">011 通过title闪动通知消息</a>
				</li>
				<li>
					<a href="app/example/call_apply_callee_caller/call_apply_callee_caller.html" target="_blank">012 call_apply_callee_caller</a>
				</li>
				<li>
					<a href="app/example/print/index.html" target="_blank">013 逐字打印</a>
				</li>
			</ul>
		</fieldset>
	</body>

</html>